/**
 * @name HarvestAndIncrement
 * @author darcrand
 * @desc 收获与增量
 */

import React, { Component } from "react"
import "./styles.global.less"

const image = require("@/assets/images/photo-1.png")

class HarvestAndIncrement extends Component {
    render() {
        return (
            <div className="h-i-container">
                <div className="g-section-title">
                    <span className="title">收获与增量</span>
                    <span className="sub">Harvest And Increment</span>
                </div>

                <div className="image-wrapper" style={{ backgroundImage: `url("${image}")` }} />

                <div className="content-box">
                    <div className="item">
                        <p className="title">技术回顾与总结</p>
                        <p className="text">
                            在协作后端学习前端技能的过程中,需要将自己掌握的知识梳理,总结,简化.这个过程也让自己对以前学习的知识点重新认识,在各个方面做出总结.也在过程中将以前遇到的一些疑问重新思考了一遍,有了新的认识.
                        </p>
                    </div>
                    <div className="item">
                        <p className="title">后台知识提升</p>
                        <p className="text">
                            在与后台对接接口时,有机会了解到后台的数据基础知识以及spring
                            boot框架的核心知识.虽然还没有完全掌握,但基本能看懂简单后台接口逻辑.为往后学习spring框架建立基础.
                        </p>
                    </div>
                    <div className="item">
                        <p className="title">学习能力提升</p>
                        <p className="text">
                            在解决项目的业务需求的期间,涉及到了很多以前没有接触过的新技术.在研究这些新技术的过程中,也锻炼了学习能力,相比较于以前,阅读开发文档以及理解技术难度的能力有所提升.
                        </p>
                    </div>
                </div>
            </div>
        )
    }
}

export default HarvestAndIncrement
